@import "./normalize.css";

/*:root -> 获取根元素html*/
:root {
  /* css定义变量  --large-size:50px */
  /* font-size: var(--large-size); */

  --color-green: #02a774;
  --color-yellow: #f5a100;
  --bc: #e4e4e4
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  user-select: none;
  /* 禁止用户鼠标在页面上选中文字/图片等 */
  -webkit-tap-highlight-color: transparent;
  /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
  width: 100vw;
}

a {
  text-decoration: none;
}


.clear-fix::after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.clear-fix {
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

.flex {
  display: flex;
}

.vcenter {
  align-items: center;
}

.pcenter {
  justify-content: center;
}

.center {
  align-items: center;
  justify-content: center;
}